<nz-card [nzExtra]="extraTpl">

    <ng-template #extraTpl>
        <button nz-button (click)="create()" nzShape="circle">
            <i nz-icon nzType="reload" theme="outline"></i>
        </button>
        <button nz-button (click)="create()" nzShape="circle" nzType="primary">
            <i nz-icon nzType="plus" theme="outline"></i>
        </button>
    </ng-template>

    <ng-template #totalTemplate let-total>共{{query.total}}条</ng-template>
    <nz-table #ajaxTable nzShowSizeChanger [nzData]="query.dataList" [nzTotal]="query.total"
        [(nzPageIndex)]="query.pageNumber" [(nzPageSize)]="query.pageSize" [nzLoading]="loading"
        (nzPageIndexChange)="getConfig()" (nzPageSizeChange)="getConfig()" [nzFrontPagination]="false">
        <thead>
            <tr>
                <th>配置类型</th>
                <th>编码</th>
                <th>配置项</th>
                <th>备注</th>
                <th>序号</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let item of ajaxTable.data">
                <td nz-td>{{item.type}}</td>
                <td nz-td>{{item.code}}</td>
                <td nz-td>{{item.value}}</td>
                <td nz-td>{{item.remark}}</td>
                <td nz-td>{{item.seq}}</td>
                <td>
                    <a (click)="editDing(item)">编辑</a>
                    <nz-divider nzType="vertical"></nz-divider>
                    <a (click)="delete(item)">删除</a>
                </td>
            </tr>
        </tbody>
    </nz-table>

</nz-card>